<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI 功能体验</title>
    
    <!-- Element UI CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    
    <!-- Vue.js - 本地 -->
    <script src="/static/js/vue.js"></script>
    
    <!-- Element UI JS -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    
    <!-- Axios - 本地 -->
    <script src="/static/js/axios.min.js"></script>
    
    <!-- Marked.js - Markdown解析库 -->
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
    
    <!-- 错误处理工具 -->
    <script src="/static/js/errorHandler.js"></script>
    
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        
        #app {
            height: 100vh;
            display: flex;
        }
    </style>
</head>
<body>
<div id="app">
    <!-- 侧边栏 -->
    <sidebar
        :current-feature="currentFeature"
        @select-feature="selectFeature"
    ></sidebar>

    <!-- 主要内容区域 -->
    <feature-view
        :current-feature="currentFeature"
        :loading="loading"
        :result="result"
        :error="error"
        :messages="messages"
        :settings="settings"
        @send-message="handleSendMessage"
        @clear-conversation="clearConversation"
        @toggle-pause="toggleChatPause"
        @stop-stream="stopChatStream"
        @update-settings="handleUpdateSettings"
    ></feature-view>
</div>

<!-- API 客户端 -->
<script src="/static/js/api.js"></script>

<!-- Vue 组件 -->
<script src="/static/js/components/Sidebar.js"></script>
<script src="/static/js/components/EmptyStateView.js"></script>
<script src="/static/js/components/SettingsView.js"></script>
<script src="/static/js/components/ChatView.js"></script>
<script src="/static/js/components/GenerateImageView.js"></script>
<script src="/static/js/components/GenerateVideoView.js"></script>
<script src="/static/js/components/TextToSpeechView.js"></script>
<script src="/static/js/components/FeatureView.js"></script>

<!-- 主应用 -->
<script src="/static/js/app.js"></script>
</body>
</html>
